<template>
  <login-container>
    <template slot="top">
      <login-nav></login-nav>
    </template>
    <template slot="body">
      <transition name="fade">
        <router-view></router-view>
      </transition>
    </template>
  </login-container>
</template>

<script>
import LoginContainer from '@/component/login/login-container/login-container'
import LoginNav from '@/component/login/login-nav/login-nav'

export default {
  name: 'login',
  components: {
    LoginContainer,
    LoginNav
  },
  computed: {
  },
  created () {
  },
  data () {
    return {
    }
  },
  methods: {
    close () {
    },
    goRulePage () {
    }
  }
}
</script>

<style lang="scss">
@import "~@/css/common/base";
@import "~@/css/common/reset";
@import "~@/css/lib/mixin";
@import "~@/css/lib/normalize";

.fade-enter-active, .fade-leave-active {
  transition-property: opacity;
  transition-duration: .15s;
}

.fade-enter-active {
  transition-delay: .15s;
}

.fade-enter, .fade-leave-active {
  opacity: 0
}
</style>
